<template>
	<view class="title-box flex-s">
		<view class="title-left">
			<image class="title-bg" src="@/static/img/text-bg.png"></image>
			<text class="title-text">{{title}}</text>
		</view>
		<view class="title-right" @click="bindPath(path)">
			<text class="title-right-text">更多</text>
			<u-icon name="arrow-right" color="#9A9A9A" size="12px"></u-icon>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {



			}
		},
		props: {

			title: {
				type: String,
				default: ''
			},
			path: {
				type: String,
				default: ''
			}

		},
		components: {

		},



		methods: {

			bindPath(path) {
				console.log(path)
				if (path) {
					uni.navigateTo({
						url: path
					})
				}


			}









		}
	}
</script>

<style lang="less" scoped>
	.title-box {
		padding: 0 30rpx;

		.title-left {
			width: 208rpx;
			height: 88rpx;
			font-family: SF Pro Display, SF Pro Display;
			font-weight: bold;
			font-size: 28rpx;
			color: #4C604E;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;

			.title-bg {
				width: 208rpx;
				height: 88rpx;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}

			.title-text {
				padding-bottom: 8rpx;
				position: relative;
				z-index: 1;
			}
		}

		.title-right {
			display: flex;
			align-items: center;
			font-family: SF Pro Display, SF Pro Display;
			font-weight: 400;
			font-size: 26rpx;
			color: #9A9A9A;

			.title-right-text {
				margin-right: 14rpx;
			}
		}
	}
</style>